export default {
    template:`
    <div class="my-switch">
        
        <label class="switch-btn" :class="{ active:flag }">
            <input type="checkbox" :checked="flag" @change="printSwitchBtnState($event)">
            <span class="pot"></span>
        </label>
       
    </div>
    `,
    emit:["updata:flag"],
    props:{
        flag:{
            type:Boolean,
            default:false
        }
    },
    // data(){
    //     return {
    //        flag:false
    //     }
    // },
    methods:{
        printSwitchBtnState(e){
          this.$emit("updata:flag",e.target.checked)
        }
    }
}